<template>
  <div class="not-fount-container">
    <img src="./imgs/404.png">
    <div class="title">
      <h2>找不到页面...</h2>
      <h4>访问不到当前页面，请联系管理员!</h4>
      <a-button @click="goHome">返回首页</a-button>
    </div>
  </div>
</template>

<script lang="ts" setup>
import {useRouter} from "vue-router";
const router = useRouter();
const goHome=()=>{
  router.push({path: '/'});
}
</script>

<style lang="less" scoped>
.not-fount-container {
  background: #7395ff;
  margin: 0 auto;
  text-align: center;
  padding-top: 140px;
  height: 100vh;
}

h4 {
  color: #fff;
  font-size: 18px;
  line-height: 38px;
  text-align: center;
}

h2 {
  color: #fff;
  font-size: 36px;
  letter-spacing: 4px;
  text-align: center;
  line-height: 120px;
}
</style>
